<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />



	<body>
		<!--
    defer 特性告诉浏览器不要等待脚本。相反，浏览器将继续处理 HTML，构建 DOM。脚本会“在后台”下载，然后等 DOM 构建完成后，脚本才会执行。

    换句话说：
    具有 defer 特性的脚本不会阻塞页面。
    具有 defer 特性的脚本总是要等到 DOM 解析完毕，但在 DOMContentLoaded 事件之前执行。

    <script defer src="https://javascript.info/article/script-async-defer/long.js"></script>
    <script defer src="https://javascript.info/article/script-async-defer/small.js"></script>
    defer 特性除了告诉浏览器“不要阻塞页面”之外，还可以确保脚本执行的相对顺序。因此，即使 small.js 先加载完成，它也需要等到 long.js 执行结束才会被执行。

    defer 特性仅适用于外部脚本。
    如果 <script> 脚本没有 src，则会忽略 defer 特性。
    -->

		<p>...content before script...</p>
		<script defer src="https://javascript.info/article/script-async-defer/long.js?speed=1"></script>
		<p>...content after script...</p>
	</body>



</html>
